import $ from 'jquery'

//隔行变色
$('ul li:even').css('backgroundColor', 'pink')
$('ul li:odd').css('backgroundColor', 'green')

//打包css文件
//1.导入css
//2.导入第三方JS模块
//3.

//引入css
import './css/index.css'
//引入less
import './less/index.less'
//打包图片文件
//1.引入图片文件,这个图片对象可以直接设置给img标签的src
import imgObj from './assets/images/1.gif'

//2.创建img标签对象
const img=document.createElement('img')
//3.设置img.src属性
//img标签的src只能设置 URL或base64 字符串
img.src=imgObj
//4.将img插入到网页中
//body标签下
document.body.appendChild(img)

//目标：打包字体文件(可以)
//1.引入字体图标的样式
import './assets/fonts/iconfont.css'
//2.创建i标签
const i=document.createElement('li')
//3.给i标签设置类名：iconfont icon-weixin 
i.className='iconfont icon-weixin'
//4.将i标签挂到DOM树上
document.body.appendChild(i)

//目标：JS-语法降级
const arrFn=()=>{  //高级语法
    console.log('我是一个箭头函数!');
}

//打印函数体，方便查看效果
console.log(arrFn); //一定打印函数，才会被webpack把“函数体”打包起来

